<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Cube</title>

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
 <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>

<!-- <script type="text/javascript" src="js/jquery-1.8.3.js"></script> --> 
<!-- <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>  -->


<!--  

<script type="text/javascript" src="ui/jquery.ui.core.js"></script>
<script type="text/javascript" src="ui/jquery.ui.widget.js"></script>
<script type="text/javascript" src="ui/jquery.ui.position.js"></script>

-->

<script type="text/javascript" src="ui/jquery.ui.selectmenu.js"></script>



<script type="text/javascript" src="js/highcharts.js"></script>

<script src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBHZWghHVyJZSFiDzxuqXDqt-wmq6OXook&sensor=false"></script>
<script src="js/tweetmap.js"></script>
<script src="js/main.js"></script>
<!-- 
<link type="text/css" href="themes/base/jquery.ui.core.css"
	rel="stylesheet" />
<link type="text/css" href="themes/base/jquery.ui.theme.css"
	rel="stylesheet" /> -->

<link type="text/css" href="themes/base/jquery.ui.selectmenu.css" rel="stylesheet" />

</head>

<body>

	<div id="form">
		<fieldset>
			<label>Level0: <select class='downList' name='level0List' id='level0List'></select>
				<input type="radio" class="radioSel" name="group" id="level0Selected"/>
			</label>
		
			
			 <label>Level1: <select class='downList' id='level1List'></select>
				<input type="radio" class="radioSel" name="group" id="level1Selected"/>
			</label> 
			<label>Level2: <select class='downList' id='level2List'></select>
				<input type="radio" class="radioSel" name="group" id="level2Selected"/>
			</label>
		</fieldset>
		<br>
		<fieldset>
			<label>Country: <select class='downList' id='countryList'></select>
			<input type="radio" class="radioSel" name="group" id="countrySelected"/>
			</label> 
			<label>City: <select class='downList' id='cityList'></select>
			<input type="radio" class="radioSel" name="group" id="citySelected"/>
			</label>
		</fieldset>
		<br>
		<fieldset>
			<label>Year: <select class='downList' id='yearList'></select>
			<input type="radio" class="radioSel" name="group" id="yearSelected"/>
			</label> 
			<label>Month: <select class='downList' id='monthList'></select>
			<input type="radio" class="radioSel" name="group" id="monthSelected"/>
			</label> 
			<label>Day: <select class='downList' id='dayList'>
			</select>
			<input type="radio" class="radioSel" name="group" id="daySelected"/>
			</label>
		</fieldset>
		
		<div id="button-area">
			<input type="button" id="queryBtn" value="query" />
			<input type="button" id="groupBtn" value="All" />
			
		</div>
	</div>

	<!-- 
		<div>
		<label id="entropy"></label>
    </div>
	
	 -->
	
    
    
    
    <div id="recommendation">
   	 <p>Recommended Operations:</p>
    	 <ol id="selectable"></ol>
    </div>
    
    
    <div id="cube-container">
    
    </div>
    
	<div id="result">
		<fieldset>
			<div id="googleMap"></div>
			<div id="tweetlist">
				<label id="tcount"></label><br>
				<button id='control'></button>
					<span id="example_1">
						<ul id="ticker_01" class="ticker1"></ul>
					</span>
			</div>
		</fieldset>
	</div>

	<div id="globalfooter">
		<center>
			<h4>
				HongtaiLi @ Knowledge Discovery Research Group & Big Data Analysis<br />&copy;2013
			</h4>
		</center>
	</div>

</body>
</html>